import { defineConfig } from 'unocss'
import {
    presetAttributify,
    presetIcons,
    presetUno,
    transformerDirectives,
    transformerVariantGroup,
    presetTypography,
    presetWebFonts
} from 'unocss'
import { FileSystemIconLoader } from '@iconify/utils/lib/loader/node-loaders'

export default defineConfig({
    presets: [
        presetUno(),
        presetAttributify(),
        presetIcons({
            scale: 1.2,
            warn: true,
            extraProperties: {
                'display': 'inline-block',
                'vertical-align': 'middle',
            },
        }),
        presetTypography(),
        presetWebFonts({
            provider: 'google',
            fonts: {
              sans: 'Roboto',
              mono: ['Fira Code', 'Fira Mono:400,700'],
              lobster: 'Lobster',
              mashanzheng: 'Ma Shan Zheng',
              lato: [
                {
                  name: 'Lato',
                  weights: ['400', '700'],
                  italic: true,
                },
                {
                  name: 'sans-serif',
                  provider: 'none',
                },
              ],
            }
          }),
    ],
    transformers: [
        transformerDirectives(),
        transformerVariantGroup(),
    ],
})